
<ion-header>

<div class="uh bc-head" data-control="HEADER" id="Header">
  <div class="ub">
    <div class="nav-btn widthh">
      <div class="ub-img1 back_btn_img" id="nav-left" (click)="navCtrl.pop()"></div>
      <div class="ub-img dashang_img dianzan_wh displya" id="dashang_m"></div>
    </div>
    <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0">挑战详情</h1>
    <div class="ub ub-pe nav-btn widthh">
      <div class="ub-img threeimg_wh fenxiang_img mar_r5 displya" (click)="share()" id="fenxiang"></div>
      <div class="ub-img threeimg_wh shoucang_img mar_r5 displya" id="shoucang"></div>
      <div class="ub-img threeimg_wh jvbao_img mar_r5 displya" (click)="jvbao_lht()" id="jvbao"></div>
      <div class="ub-img threeimg_wh bianji_img mar_r5 displya" id="edit"></div>
      <div class="ub-img threeimg_wh del_img mar_r5 displya" (click)="del_lht()" id="del"></div>
      <!-- <div class="ub-img threeimg_wh mar_r5 displya" style="background-image: url(../css/img/tuichu.png)" id="tuichu"></div> -->
    </div>
  </div>
</div>

</ion-header>


<ion-content>
<div class=" " data-control="CONTENT" id="ScrollContent_dMIpN4" style="padding-bottom: 4em;">
  <div class="scrollbox">
    <!-- 在此写内容 -->
    <div class="ub ub-ver bc-bg">
      <div class="ub-img1  tiaozhan_wh umar-b" id="bcImg">
        <div class="ub ub-ac ub-pc ub-ver  ub-con color_white" style="background-color: rgba(0,0,0,0.25);">

          <div class="ub ub-ac">
            <div class="ub-f1 width_hr ubb"></div>
            <img id="patternImg" src="" style="width: 2.5em;height: 2.5em;margin: 0.3em;" />
            <div class="ub-f1 width_hr ubb"></div>
          </div>
          <div>
            <h2 id="tittle"></h2>
          </div>
          <div class="ub maxW fontsize8">
            <div class="ub ub-ac ub-pc ub-ver ub-f1 ub-con">
              <div class="ub ub-pc  ub-ac  umar-t">
                <div id="personNum">

                </div>
                <div class="l_mar_r">
                  |
                </div>
                <div id="Classify"></div>
              </div>

              <div class="ub ub-pc mar_t7">
                <div class="ub " style="visibility:collapse;" id="userlist">
                  <div class="ub ub-ac" id="userlist1"></div>
                  <div (click)="openCR()" class="ub-img jiayou_wh umar-r" style="background-image: url(../css/img/gengduo.png);" (click)="openJiayou()"></div>
                </div>

                <div class="ub" style="padding-top: 0.4em;">
                  <div id="Integral" class="umar-r"></div>
                  <div class="ub-img1 zuanshi_wh zuanshi_img umar-r"></div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- 挑战内容 -->
    <div class="ub ub-ver pad_left7  maxW bor bc-head">
      <div class="ub ub-ac umh5 fontsize9">
        挑战内容
      </div>
      <div class="umar-b word_break" style="line-height: 1.5em;" id="content">

      </div>
    </div>
    <!-- 挑战规则 -->
    <div class="ub ub-ver  pad_left7  maxW bor bc-head mar_t5">
      <div class="ub ub-ac umh5">
        挑战规则（中断上传，即挑战失败）
      </div>
      <div class="ub ub-ac">
        挑战时间
        <span id="starttime"></span>至
        <span id="endtime"></span>
      </div>
      <div class="umh5 line_height hide" id="chanllengge_count1">
        每周至少上传
        <span id="WeekRate1"></span>天
      </div>
      <div class="umh5 line_height hide umar-t" id="chanllengge_count2">
        <span class="umar-r">挑战数值</span>
        <span id="WeekRate2"></span>
      </div>
    </div>
    <!-- 挑战获取聚豆说明 -->
    <div class="ub ub-ver  pad_left7  maxW bor bc-head mar_t5">
      <div class="ub ub-ac umh5 fontsize9">
        战豆获取说明
      </div>
      <div class="ub ub-ac umh">
        输赢：获胜均分战败着的战豆；
      </div>
      <div class="ub ub-ac umh5">
        全赢：平台发放
        <span id="GFIntegral"></span>，以资奖励；
      </div>
      <div class="ub ub-ac umh">
        全输：平台扣除所有参与方的战豆；
      </div>
      <div class="ub ub-ac umh5">
        其它：获胜方均分战败方的战豆；
      </div>

    </div>
    <!-- 奖赏与惩罚 -->
    <div class="displya" id="list1">
      <div class="ub ub-ver pad_left7  maxW bor bc-head mar_t5">
        <div class="ub ub-ac umh5 fontsize9">
          奖赏
        </div>
        <div class="umar-b word_break" style="line-height: 1.5em;" id="jiangli">

        </div>
      </div>
      <div class="ub ub-ver pad_left7  maxW bor bc-head mar_t5">
        <div class="ub ub-ac umh5 fontsize9">
          惩罚
        </div>
        <div class="umar-b word_break" style="line-height: 1.5em;" id="chengfa">

        </div>
      </div>
    </div>
    <!-- 申请人和参与者列表 -->
    <div class="displya" id="list2">
      <div class="ub ub-ver pad_left7 bc-head mar_t5">
        <div class="ub ub-ac umh4">
          <div class="ub ub-f1">
            挑战申请人
          </div>
          <div class="color_red" (click)="openSelect()">
            选择对战人
          </div>
          <div class="ub-img right_img color_red"></div>
        </div>
        <div class="ub ub-ac umh5" id="shenqingUserList">
          <!-- <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/>
                                <img src="img_home/xinli.png" style="width: 2em;height: 2em;border-radius: 3em;"/> -->

        </div>
      </div>
      <div class="ub ub-ver pad_left7 bc-head mar_t5">
        <div class="ub ub-ac umh4">
          挑战参与人
        </div>
        <div class="ub ub-ac umh5 myOpponent" id="myOpponent1">
          <!-- <div class="ub-img user_wh umar-r" style="background-image: url(img_home/xinli.png);"></div> -->

        </div>
      </div>
    </div>
    <div class="displya" id="list3">
      <div class="ub ub-ver pad_left7 bc-head mar_t5">
        <div class="ub ub-ac umh4">
          <div class="ub ub-f1">
            挑战发起人
          </div>
        </div>
        <div class="ub ub-ac umh5" id="shenqingUserList">
          <img class="headimgClass" (click)="openPersondetial()" src="" style="width: 2em;height: 2em;border-radius: 3em;" />
        </div>
      </div>
      <div class="ub ub-ver pad_left7 bc-head mar_t5">
        <div class="ub ub-ac umh4">
          挑战参与人
        </div>
        <div class="ub ub-ac umh5 myOpponent">
          <!-- <div class="ub-img user_wh umar-r" style="background-image: url(img_home/xinli.png);"></div> -->
        </div>
      </div>
    </div>
    <!-- 动态list -->
    <div id="dylist" class="displya">
      <div class="ub bc-head ub-ac mar_t5" style="height: 6em;">

        <div class="ub ub-f1" id="userDTlist"></div>
        <div class="ub-img jiayou_wh umar-r" style="background-image: url(../css/img/gengduo1.png);" (click)="openCR()"></div>
      </div>
      <div id="userDTlist_select" class="ub ub-ver ">
      </div>
    </div>
  </div>
</div>
  <div id="openTiaozhan" class="tx-c btn_lz ub-ac ub-pc color_white displya" style="position:fixed;z-index: 6666;bottom: 0em;left:5%;line-height: em;">
    参加挑战
  </div>
</ion-content>
